/* 
    @note  
            1. .app-main : 100vh - 50px;position:relative;
            2. .gd-main : padding 20px;
            3. .gd-content: 100vh - 151px;
*/

.gd-main{
    box-sizing: border-box;
    position: absolute;
    padding: 20px 20px 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

/* 不是每个页面都带有 gd-content，主要用在选项卡页面*/
.gd-content{
    height:~'calc(100vh - 131px)';
    position:relative;
    overflow:hidden;overflow-y:auto;
}


//公用样式
.md-card1{
    line-height:1;
    &-txt{
        font-size:20px;
        i{
            vertical-align:top;line-height:20px;padding-left:20px;
            font-style:normal;font-size:14px;color:orange;
        }
    }
    &-subTxt{
        font-size:14px;color:#999;padding:20px 0;
    }
}

//数据展示 -- 栅格宽度 
.md-statics1{
    line-height:1;
    box-shadow:0 0 10px silver;
    &-des{
        font-size:20px;color:#585b5a;line-height:1;padding:15px 0 15px 20px;
        box-shadow:0 -1px #ccc inset;
    }
    &-item{
        line-height:1;
        padding:20px;margin:20px;background-color:#ffffcc;
        div{font-size:40px;color:#333;}
        div+div{font-size:24px;color:#999999;padding-top:20px;}
    }
}

.md-statics2{
    line-height:1;
    text-align:center;
    &-des{font-size:16px;color:#999;}
    &-item{font-size:40px;padding-top:10px;color:#333;}
}
